{% extends '::base.html.twig' %}
{% block stylesheets %}
<link href="{{ asset('css/new_custom_backend.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/jquery-ui-1.9.2.custom.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/freeow.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/jquery.validity.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/select2.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/jquery.fancybox.css') }}" rel="stylesheet" type="text/css" />
<style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 18px 0;
        }
    </style>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('js/jquery-1.8.2.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery-ui-1.9.1.custom.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jqueryui.datepicker.spanish.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.menu.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.tojson.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/spin.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/formParams.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.freeow.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.validity.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/select2.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/jquery.fancybox.pack.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/date.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/goTop.js') }}" type="text/javascript"></script>

{% endblock %}
{% block titulo %}{% endblock %}
    {% block body %}
    <body>
        <!-----------------------Menu----------------------------------------->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a href="{{ path('backend') }}" class="brand" /><img src="{{ asset('images/logo30.png') }}" /> Concursos Docentes</a>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            {% if (is_granted("ROLE_PROFESORADO") or is_granted("ROLE_SUPER_ADMIN")) %}
                                <li> <a href="{{ path('alerta') }}">Alertas</a></li>                          
                            {% endif %}
                            <li> <a href="{{ path('concurso') }}">Concursos</a></li>                          
                            {% if (is_granted("ROLE_PERSONAL") or is_granted("ROLE_SUPER_ADMIN")) %}
                                <li> <a href="{{ path('tipocargo') }}">Tipos de Cargo</a></li>
                                <li> <a href="{{ path('cargo') }}">Cargos</a></li>
                                <li> <a href="{{ path('catedra') }}">C&aacute;tedras</a></li>
                             {% endif %}   
                            <li> <a href="{{ path('persona') }}">Personas</a></li>
                            {% if (is_granted("ROLE_ADMIN") or is_granted("ROLE_SUPER_ADMIN")) %}
                                <li> <a href="{{ path('oficina') }}">Oficinas</a></li>
                                <li class="dropdown" > 
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuarios <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="{{ path('user') }}"><i class="icon-user"></i> Usuarios</a></li>
                                        <li><a href="{{ path('role') }}"><i class="icon-wrench"></i> Roles </a></li>
                                    </ul>
                                </li>
                            {% endif %}
                        </ul>
                        <div class="navbar-search pull-right" >
                            <ul class="nav">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuario: {{ app.user.username }} <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="{{ path('user_perfil') }}"><i class="icon-user"></i> Perfil</a></li>
                                        <li><a href="{{ path('user_change_password') }}"><i class="icon-refresh"></i> Cambiar Contrase&ntilde;a</a></li>
                                        <li><a href="{{ path('logout') }}"><i class="icon-off"></i> Cerrar Sesi&oacute;n </a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div> 
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <!----------------------- Fin Menu ------------------------------------->
        <div class="container">
            <div id="top">Subir</div> 
            <div class="row">
                <div class="span12">

            {% block contenido %}{% endblock %}
                </div>
            </div>
        </div>

{% block documentReadyJavascript %}
        <script type="text/javascript">
    $(function(){
        $('.hide-alert-success').delay(15000).slideUp(600); 
        $('.hide-alert-error').delay(15000).slideUp(600); 
        $('.hide-alert-info').delay(15000).slideUp(600);     
    });
            </script>
{% endblock documentReadyJavascript %}
        </body>
{% endblock %}
